const path = require('path')
const webpack = require('webpack')
const htmlWebpackPlungin = require('html-webpack-plugin')
const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {
	entry : path.join(__dirname,'./src/main.js'),
	output:{
		path:path.join(__dirname,'/dist'),
		filename:'bundle.js'
	},
	module:{
		rules:[
			// { test :/ \.css$/, use:['style-loader','css-loader']},
			{ test :/\.scss$/, use:['style-loader','css-loader','sass-loader']},
			{ test :/\.js$/, use:'babel-loader',exclude:/node_modules/},
			{ 
				test :/\.(jpg|png|gif|bmp|jpeg)$/, 
				use:'url-loader?limit=7631&name=[name].[ext]&outputPath=img/'
			},
			{ test :/\.(ttf|eot|svg|woff|woff2)$/, use:'url-loader?name=font/[name].[ext]&outputPath=fonts/'},
			{ test :/\.css$/, use:['style-loader','css-loader']},
			{ test :/\.vue$/,use:'vue-loader'}
		]
	},
	resolve:{
		alias:{
			"vue$":"vue/dist/vue.js"
		}
	},
	plugins:[
		new htmlWebpackPlungin({
			template:path.join(__dirname,'./src/index.html'),
			filename:'index.html'
		}),
		new VueLoaderPlugin()
	],
	mode:'development'
} 